<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .p1{
            text-indent: 2em;
            /* line-height: 140%; */
            /* line-height: 1.4; */
            line-height: 2em;
        }
        .p2 {
            text-decoration: none;
            line-height: 2em;
        }
        .p3{
            color: #fff;
            text-shadow:0 2px 1px rgba(253,76,233,.96);
        }
        .p4{
            text-align: right;
        }
        .b1{
            width: 100px;
            /* background-color: rgb(192, 75, 75); */
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    </style>
</head>
<body>
    <p class="p1">
            噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。地崩山摧壮士死，然后天梯石栈相钩连。上有六龙回日之高标，下有冲波逆折之回川。黄鹤之飞尚不得过，猿猱欲度愁攀援。青泥何盘盘，百步九折萦岩峦。扪参历井仰胁息，以手抚膺坐长叹。
    </p>
    <p class="p2">
            问君西游何时还？畏途巉岩不可攀。<a href="https://baidu.com" target="_blank">但见悲鸟号古木</a> ，雄飞雌从绕林间。又闻子规啼夜月，愁空山。蜀道之难，难于上青天，使人听此凋朱颜！连峰去天不盈尺，枯松倒挂倚绝壁。
    </p>
    <p class="p3">
            飞湍瀑流争喧豗，砯崖转石万壑雷。其险也如此，嗟尔远道之人胡为乎来哉！
    </p>
    <p class="p4">
            第四个段落文本对齐方式为右对齐
    </p>
    <div class="b1">
            飞湍瀑流争喧豗，砯崖转石万壑雷。其险也如此，嗟尔远道之人胡为乎来哉！
    </div>
</body>
</html>